page {
  background-color: #f8f9fa;
}

.login_content {
  .title {
    margin: 106rpx 0 54rpx 54rpx;
    font-size: 48rpx;
    color: #262424;
  }

  .input_box {
    border-bottom: 1rpx solid #f0f0f0;
    margin: 0 60rpx;

    input {
      height: 110rpx;
    }
  }

  .button {
    margin: 50rpx 60rpx 0;
  }

  .text_box {
    display: flex;
    justify-content: center;
    margin-top: 40rpx;

    .text {
      color: #666262;
    }

    .van-icon {
      color: #666262;
      margin-left: 20rpx;
    }
  }
}

.user_info {
  .user_info_bg {
    height: 190px;
    background-color: var(--themeColor);
    border-bottom-right-radius: 20%;
    border-bottom-left-radius: 20%;

    .user_info_wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20rpx 20rpx;

      .user_icon {
        width: 130rpx;
        height: 130rpx;
        border-radius: 50%;
      }

      .user_name {
        flex: 1;
        font-size: 35rpx;
        color: #fff;
        margin-left: 25rpx;
      }

      .user_tool {
        margin-right: 10rpx;
      }
    }
  }

  .num_box {
    display: flex;
    justify-content: space-around;
    margin-top: 6rpx;

    .item {
      text-align: center;

      .num {
        color: #fff;
        font-size: 140%;
      }

      .text {
        color: #fff;
        font-size: 90%;
      }
    }
  }
}


.user_menu {
  background-color: #fff;
  width: 90%;
  margin-left: 38.3rpx;
  margin-top: 25rpx;
  padding-bottom: 30rpx;
  border-radius: 20rpx;

  .menu_top {
    font-size: 110%;
    padding: 25rpx 30rpx;
    color: #000;
  }

  .menu_content {
    display: flex;
    justify-content: space-around;
    text-align: center;

    .icon {
      position: relative;

      image {
        width: 65rpx;
        height: 65rpx;
      }

      .text {
        color: #666;
        font-size: 85%;
      }

      button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
      }
    }
  }

  .more_content {
    display: flex;
    margin-top: 20rpx;
    justify-content: space-around;

    navigator {
      text-align: center;
      width: 47.59px;

      .icon {
        position: relative;

        image {
          width: 65rpx;
          height: 65rpx;
        }
      }

      .text {
        color: #666;
        font-size: 85%;
      }

      button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
      }
    }
  }
}